@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* @font-face 加载字体
    font-family : 名字(可以自定义);
	src:url(字体路径,可以是本地或者是远程);
	加载6个字体如下:
 */
@font-face {
	font-family: ONYX;
	src: url(font/ONYX.TTF);
}

@font-face {
	font-family: TCM;
	src: url(font/TCCM____.TTF);
}

@font-face {
	font-family: ROCK;
	src: url(font/ROCK.TTF);
}

@font-face {
	font-family: BOOM;
	src: url(font/BOOMBOX.TTF);
}

@font-face {
	font-family: LTCH;
	src: url(font/LTCH.TTF);
}

@font-face {
	font-family: jianzhi;
	src: url(font/FZJZJW.TTF);
}

/*后代选择器应用*/
.one .a {
	font-family: ONYX;
	font-size: 48px;
	color: #333;
}

.one .b {
	font-family: TCM;
	font-size: 58px;
	color: #4c9372;
}

/* font-style: oblique 斜体 */
.two .a {
	font-family: ROCX;
	font-size: 24px;
	font-weight: bold;
	font-style: oblique;
	color: #333;
}

.two .b {
	font-family: ROCX;
	font-size: 36px;
	font-weight: bold;
	color: #333;
}

h2 .a {
	font-family: BOOM;
	font-size: 60px;
}

h2 .b {
	font-family: LTCH;
	font-size: 50px;
	color: #e1005a;
}

.three {
	font-family: "微软雅黑";
	font-size: 36px;
}

.three strong {
	color: #e1005a;
}
.four{
	width: 500px; 
	font-family: "微软雅黑";
	font-size: 14px;
	color: #747474;
	white-space: nowrap; /*默认。空白会被浏览器忽略。*/
	overflow: hidden; /*内容会被修剪，并且其余内容是不可见的。*/
	text-overflow: ellipsis;/*显示省略符号来代表被修剪的文本。*/
}
